// 圆形勾选样式
// shaokr
//----------------------------------------
// dom:
// ------------------------------
//
// <label class="fnwap_choice_circle">
//     <input type="radio">
//     <div class="new_copy"></div>
// </label>
// ----------------------------------
//
.fnwap_choice_circle{
    width: 0.46rem;
    height: 0.46rem;
    display: flex;
    align-items:center;
    justify-content:center;
    position: relative;
    .new_copy{
        width: @u*40;
        height: @u*40;
        line-height: @u*40;
        border: @u*2 solid #adadad;
        border-radius: 50%;
        text-align: center;
        display: flex;
        align-items:center;     // 垂直居中
        justify-content:center; // 水平居中
        transition: 0.18s;
        background: #fff;
        &::after{
            .iconfont();
            line-height: 1;
        }
    }

    input{
        left: 0;
        position: absolute;
        width: 0.46rem;
        height: 0.46rem;
        z-index: 3;
        opacity: 0;
        right: 0;
        margin: auto;
        &:checked + .new_copy{
            background: @fn-color;
            border: none;
            &::after{
                content: '\e602';
                color: #fff;
                font-size: @u*30;
            }
        }
        &:disabled + .new_copy{
            border: none;
            &::after{
                content: '\e610';
                color: @border-color-d5;
                font-size:@u*52;
                margin-left: @u*-6;
            }
        }
    }
}
